<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Tarjeta de Embarque</title>
<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	<div class="row-fluid">
		<div class="span2"></div>
		<div class="span6">
			<br /> <img id="Logo"
				src="http://static.vueling.com/cms/images/vueling-logo.png"
				alt="Vueling Airlines"> <br />
			<p>
			<h1>Tarjeta de Embarque</h1>
			<!-- Si existen: Mostramos los errores del formulario almacenados en el objeto form, en
			 		 su atributo mensajesError -->
				<c:if test="${not empty requestScope.form.mensajesError}">
					<h1 class="text-error">Errores del Formulario</h1>
					<ol class="text-error">
						<c:forEach var="mensajesError"
							items="${requestScope.form.mensajesError}">
							<li>${mensajesError}</li>
						</c:forEach>
					</ol>
				</c:if>
			<!-- Si no existen errores mostramos la tarjeta de embarque -->	
			<table class="table table-hover">
				<thead>
					<tr>
						<th>Nombre</th>
						<th>NIF/CIF</th>
						<th>Aeropuerto Origen</th>
						<th>Aeropuerto Destino</th>
						<th>Fecha Salida</th>
					</tr>
				</thead>
				<tr>
					<td>${requestScope.form.nombre}</td>
					<td>${requestScope.form.nifcif}</td>
					<td>${requestScope.form.iataAeroOrigen}</td>
					<td>${requestScope.form.iataAeroDestino}</td>
					<td><f:formatDate type="both" dateStyle="medium"
							timeStyle="short" value="${requestScope.form.fechaPartida}"></f:formatDate>
					</td>
					
					
				</tr>
			</table>
		</div>
	</div>

	<div class="span2"></div>
</body>
</html>